<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>期指投资--2</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/all.css" />
    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="js/PIE.js"></script>
    <script src="js/self.js"></script>
</head>
</body  ontouchstart="">
    <div class="theme-popover-mask"></div>
    <div id="loginIframeDiv" class="loginIframeDiv w100 h100 pf">
        <div class="loginIframe">
            <iframe class="w100 h100 of db" src="login.html" frameborder="0" scrolling="no"  vsspace="0" hspace="0" marginwidth="0" marginheight="0" >

            </iframe>
        </div>
    </div>
    <!--loginIframeDiv-->
    <div id="registIframeDiv" class="loginIframeDiv w100 h100 pf">
        <div class="registIframe">
            <iframe class="w100 h100 of" src="regist.html" frameborder="0" scrolling="no"  vsspace="0" hspace="0" marginwidth="0" marginheight="0">

            </iframe>
        </div>
    </div>
    <div id="forgotPwdIframeDiv" class="loginIframeDiv w100 h100 pf">
        <div class="registIframe">
            <iframe class="w100 h100 of" src="forgotPassword.html" frameborder="0" scrolling="no"  vsspace="0" hspace="0" marginwidth="0" marginheight="0">

            </iframe>
        </div>
    </div>
    <div id="header" class="header pr">
        <div class="w100 pa" style="background:#f3f3f3;left: 0;border-bottom: 0;height: 1px;z-index: -1;bottom: 0;"></div>
        <div class="headerAd w100">
            <img src="images/topad.png" class="db w100 h100">
        </div>
        <div class="w100 of">
            <div class="headernav jz clearfix of">
                <img src="images/maomaozhongchou.png" class="db fl">
                <ul class="fl">
                    <li onclick="window.location.href='index.html'">众筹项目</li>
                    <li onclick="window.location.href='zhongchouBaitiao.html'">众筹白条</li>
                    <li onclick="window.location.href='QiZhiTouZi.html'">二元期货</li>
                    <li onclick="window.location.href='QiZhiTouZi.html'" class="nav_tabcurrent">期指投资</li>
                    <li onclick="window.location.href='faqizhongchou.html'">发起众筹</li>
                    <li onclick="window.location.href='personalManagement.html'">邀请好友</li>
                </ul>
                <div class="headerLogin fr">
                    <div class="w100">
                        <div class="pr dib f15 fr rounded">
                            <div class="dib" id="loginBtn">登陆</div><div class="dib" id="registBtn">注册</div>
                            <span class="pa line"></span>
                        </div>
                        <img src="images/headerMan.png" class="fr">
                    </div>
                </div>
            </div>
        </div>
    </div><!--header-->

    <div class="container jz" style="margin-top: 18px;">
        <div class="w100 of" style="background: #fafafa">
            <div class="qztzTittle bcf jz of clearfix">
                <img src="images/companyIcon.png" class="db fl">
                <p class="c3 f22 fl">北京市上帝之手理财投资有限公司</p>
            </div>
             <div class=" jz" style="width: 1112px;padding: 0 20px;margin-top: 30px;">
                <p class="c6 f17">您的可用余额</p>
                 <p class="cred f22 mgt20 t2"><span style="font-size: 39px;">20,000.</span>00</p>
                 <div class="w100 of clearfix" style="margin-top: 30px;">
                    <div id="zijinZhuanru" class="bcorange cursor cf tc f25 fl" style="width: 305px;height: 55px;line-height: 55px;">资金申请转入期指投资</div>
                     <p class="c3 f16 fl" style="margin-top: 32px;margin-left: 25px;">转入可货期资金  <a href="commonProblems.html" class="cgreen aht">资金适用说明</a> </p>
                 </div>
                 <div class="w100 clearfix of mgt30" style="border-bottom: 1px solid #E7E7E7;line-height: 67px;">
                    <div class="fl f17 c9">
                        <span class="f21 c3" style="margin-right: 20px;">期指投资</span>2016-9-26 15:17:23
                    </div>
                     <div class="fr f20 cred">
                     <div class="fr f17 cred">
                         <span class="f21 c3" style="margin-right: 20px;">期指投资可用金额</span><span style="font-size: 36px;">20,000.</span>00
                     </div>
                 </div>
             </div>
                 <div  class="w100 clearfix of" style="padding-bottom: 66px;margin-top: 38px;">
                    <div class="w100 clearfix of">
                        <div class="fl" style="width: 762px;">
                            <div>
                                <label for="qz-select" class="f18 c3">产品类型</label>
                                <select id="qz-select" class="ffa br6">
                                    <option value ="期指IH500" selected="selected">期指IH500</option>
                                    <option value ="期指IH5002">期指IH5002</option>
                                    <option value="期指IH5003">期指IH5003</option>
                                    <option value="期指IH5004">期指IH5004</option>
                                </select>
                            </div>
                            <div class="w100" style="height: 414px;">
                                <div id="qz-Tab" class="qz-Tab clearfix of jz">
                                    <span>分时</span>
                                    <span>30分钟</span>
                                    <span class="current">60分钟</span>
                                    <span>天</span>
                                    <span>周</span>
                                </div>
                                <div id="qz-TabContent" class="qz-TabContent">
                                    <div>
                                        <img src="images/qzImg2.jpg" class="w100 h100">
                                    </div>
                                    <div>
                                        <img src="images/qzImg3.jpg" class="w100 h100">
                                    </div>
                                    <div style="display: block">
                                        <img src="images/qzImg.jpg" class="w100 h100">
                                    </div>
                                    <div>
                                        <img src="images/qzImg4.jpg" class="w100 h100">
                                    </div>
                                    <div>
                                        <img src="images/qzImg5.jpg" class="w100 h100">
                                    </div>
                                </div>
                                <script>
                                    $(function () {
                                        $("#qz-Tab>span").bind('click',function () {
                                            var tabCurrent= $(this);
                                            var contentindex = $(this).index();
                                            $("#qz-Tab>span").removeClass('current');
                                            tabCurrent.addClass('current');
                                            $('.qz-TabContent>div').css('display', 'none');
                                            $('.qz-TabContent>div').eq(contentindex).css('display', 'block');

                                        })
                                        $("#qz-select").change(function () {
                                            var optionText = $(this).find("option:selected").text();
                                            $("#qizhikindName").text(optionText);
                                        })

                                    })
                                </script>
                            </div>
                        </div>
                        <div class="fr" style="width: 332px;">
                            <p class="f18 c3" style="line-height: 45px;">资产产品：&nbsp;<span id="qizhikindName" class="ffa f19">期指IH500</span></p>
                            <div class="qz-Chanpin">
                                <div class="tittle w100 t2 f18 c3">
                                    分时成交
                                </div>
                                <div class="kindTittle w100 clearfix of f16 c3 tc">
                                    <p style="width: 29%">时间</p>
                                    <p style="width: 29%">成交价</p>
                                    <p style="width: 14%">成交量</p>
                                    <p style="width: 14%">增仓</p>
                                    <p style="width: 14%">性质</p>
                                </div>
                                <div class="tableBody w100 of">
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="cred">1&uarr;</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">多换</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="c6">1</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">双开</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="cgreen">1&darr;</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">双开</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="cred">2&uarr;</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">多换</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="c6">1</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">双开</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="cgreen">1&darr;</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">双开</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="cred">2&uarr;</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">多换</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="cred">1&uarr;</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">多换</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="c6">1</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">双开</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="cgreen">1&darr;</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">双开</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="cred">2&uarr;</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">多换</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="c6">1</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">双开</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="cgreen">1&darr;</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">双开</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="cred">2&uarr;</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">多换</p>
                                    </div>
                                    <div class="w100 of clearfix f14 tc">
                                        <p style="width: 29%" class="c6">14:53:09</p>
                                        <p style="width: 29%" class="cred">99999.0</p>
                                        <p style="width: 14%" class="cred">2&uarr;</p>
                                        <p style="width: 14%" class="c6">0</p>
                                        <p style="width: 14%" class="c6">多换</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                     <div class="w100 clearfix of" style="margin-top: 70px;">
                         <div class="fl mgt10" style="width: 878px;">
                            <div class="fl c3 f20" style="width: 35%;line-height: 41px;">
                                价格：<span class="cred f24">2,000.<span class="f19">00</span></span>
                            </div>
                             <div class="fl c3 f20" style="width: 30%;line-height: 41px;">
                                 数量：<input type="number" name="" id="" min="0" class="buyNum br6" />
                             </div>
                             <div class="fl c3 f20" style="width: 35%;line-height: 41px;">
                                 投资金额：<span class="cred f24">200,000.<span class="f19">00</span></span>
                             </div>
                         </div>
                         <div class="fr">
                             <input type="button" name="" id="" value="买涨" class="qizhiInput rebinput br3 cf f125 tc"/>
                         </div>
                     </div>
                     <div class="w100 clearfix of mgt30">
                         <div class="fl mgt10" style="width: 878px;">
                            <p class="w100 tc f14 c6" style="line-height: 45px;">投资有风险，参与须谨慎。请及时留意盈亏，亏损达到风险，将会强制平仓</p>
                         </div>
                         <div class="fr">
                             <input type="button" name="" id="" value="买跌" class="qizhiInput greeninput br3 cf f125 tc"/>
                         </div>
                     </div>

                 </div>
             </div>

            <div class="w100 bcf chicangBlock">
                <div class="tittle w100 t2 c3 f21">持仓</div>
                <div class="chicangTittle w100 clearfix of f14 c3 tc">
                    <p style="width: 99px;">交易号</p>
                    <p style="width: 114px;">时间</p>
                    <p style="width: 88px;">买时指数</p>
                    <p style="width: 64px;">买涨/跌</p>
                    <p style="width: 70px;">数量</p>
                    <p style="width: 113px;">投资金额</p>
                    <p style="width: 100px;">当前盈亏</p>
                    <p style="width: 99px;">当前盈亏率</p>
                    <p style="width: 102px;">结算时指数</p>
                    <p style="width: 95px;">实际盈亏</p>
                    <p style="width: 98px;">实际盈亏率</p>
                    <p style="width: 59px;">操作</p>
                    <p style="width: 99px;">备注</p>
                </div>
                <div class="chicangBody w100 of f14 tc c3">
                    <div class="w100 clearfix of">
                        <p style="width: 99px;">123456790</p>
                        <p style="width: 114px;">2016-10-07</p>
                        <p style="width: 88px;">66666.66</p>
                        <p style="width: 64px;" class="cgreen">跌</p>
                        <p style="width: 70px;">10000</p>
                        <p style="width: 113px;" class="cgreen">-1000000.96</p>
                        <p style="width: 100px;">10000.96</p>
                        <p style="width: 99px;" class="cgreen">-10.23%</p>
                        <p style="width: 102px;">66666.69</p>
                        <p style="width: 95px;">100000.99</p>
                        <p style="width: 98px;" class="cgreen">-10.23%</p>
                        <p style="width: 59px;">-</p>
                        <p style="width: 99px;"> 2016-10-07</p>
                    </div>
                    <div class="w100 clearfix of">
                        <p style="width: 99px;">123456790</p>
                        <p style="width: 114px;">2016-10-07</p>
                        <p style="width: 88px;">66666.66</p>
                        <p style="width: 64px;" class="cred">涨</p>
                        <p style="width: 70px;">10000</p>
                        <p style="width: 113px;" class="cred">-1000000.96</p>
                        <p style="width: 100px;">10000.96</p>
                        <p style="width: 99px;" class="cred">-10.23%</p>
                        <p style="width: 102px;">66666.69</p>
                        <p style="width: 95px;">100000.99</p>
                        <p style="width: 98px;" class="cred">-10.23%</p>
                        <p style="width: 59px;">-</p>
                        <p style="width: 99px;"> 2016-10-07</p>
                    </div>
                </div>
            </div>
    </div><!--container-->
    </div>
    <div id="footer" class="footer w100 of">
        <div class="container jz clearfix of" style="padding: 0;">
            <div class="fl" style="width: 966px">
                <div class="footerNav clearfix of">
                    <a href="#">关于众筹项目</a>
                    <a href="#">关于众筹白条</a>
                    <a href="#">关于二元期货</a>
                    <a href="#">关于期指投资</a>
                    <a href="#">关于我们</a>
                    <a href="#">免责声明</a>
                </div>
                <div class="footerTel clearfix of">
                    <span class="db fl">400-773-9876</span><span class="db fl" style="margin-left: 88px;">0773-1234567</span>
                </div>
                <div class="footerQQ clearfix of f18">
                    <div class="fl">
                        <img src="images/weixin.png" class="dib fl"><span class="db fl">微信客服</span>
                    </div>
                    <div class="fl" style="margin-left: 89px;">
                        <img src="images/qq.png" class="dib fl"><span class="db fl">QQ客服</span>
                    </div>
                </div>
            </div>
            <div class="fr" style="width: 136px;">
                <img src="images/qrCode-index.png" class="db w100 hauto" style="margin-top: 40px;">
                <p class="tc f14 mgt10">手机APP下载</p>
            </div>
        </div>
        <div class="w100 of" style="background: #30323b;">
            <div class="container jz clearfix of ffa f12" style="padding: 0;height: 66px;line-height: 66px;">
                Copyright ©2016&nbsp;&nbsp;&nbsp;&nbsp;七彩云购&nbsp;&nbsp;&nbsp;&nbsp;maomao.com版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;投资有风险，购买需谨慎
            </div>
        </div>
    </div><!--footer-->

<div class="theme-popover-mask"></div>

<div id="zijinIframeDiv" class="zijinIframeDiv of db pf w100 h100">
    <div class="zijinIframe jz">
        <iframe class="w100 h100 of db" src="ziJinZhuanRu.html" frameborder="0" scrolling="no"  vsspace="0" hspace="0" marginwidth="0" marginheight="0" >

        </iframe>
    </div>
</div>


<script>
    function Sub() {
        var money =$.trim($('#money').val());
        var zhifubao = $.trim($('#zhifubao').val());
        var username = $.trim($('#username').val());
        var appPwd = $.trim($('#appPwd').val());
        if(money== ""){
            $('#money').next('p').text('你还未填写提现金额');
            return false;
        }else {
            $('#money').next('p').text(' ');
        }
        if(zhifubao== ""){
            $('#zhifubao').next('p').text('你还未填写支付宝账号');
            return false;
        }else {
            $('#zhifubao').next('p').text(' ');
        }

        if(username== ""){
            $('#username').next('p').text('你还未填写收款人姓名');
            return false;
        }else {
            $('#username').next('p').text(' ');
        }

        if(appPwd== ""){
            $('#appPwd').next('p').text('你还未填写APP登陆密码');
            return false;
        }else {
            $('#appPwd').next('p').text(' ');
        }

        $.ajax({
            url: "",
            data: {money: money, zhifubao: zhifubao,username:username,appPwd:appPwd},
            type: 'post',
            dataType: 'json',
            beforeSend: function () {
                $("#loadingfDiv").fadeIn();
            },
            success: function (data) {
                console.log(data);
                if (data.code == 200) {
//                        alert("您的申请已提交,等待审核");
//                        alert(data.msg);
//                        window.location.reload();
//                        location.href = "withdraw.html";
                }else{
//                        alert(data.msg);
                    //window.history.back(-1);
                }
            },
            error: function (data) {
                alert(data.msg);
                return false;
            },
            complete: function () {
                $("#loadingfDiv").fadeOut();
            }
        });
    }

</script>
</body>
</html>